/* .logo {
    width: 200px;
    // display: flex;
    float: left;
    margin-left:-50px;
    height:75px;
    align-items: center;
    justify-content: center;
    background-color: #001529;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    span {
        display: block;
        width:150px;
        height:40px;
        background-color: #1a2d3f;
    }

} */


.collapsed-close{
    .logo{ 
        width: 80px;
        span {width: 100%;}
    }  
    .header-wrap {
        margin-left:40px;
    }
}
.header-wrap {
    margin-left:160px;
    -webkit-transition: all .1s ease 0s;
    -o-transition: all .1s ease 0s;
    -moz-transition: all .1s ease 0s;
    -o-transition: all .1s ease 0s;
    transition: all .1s ease 0s;
}
.collapsed-icon {
    font-size: 16px;
    cursor: pointer;
}